<!DOCTYPE html>
<html lang="zh-hans">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<title>
			充值
		</title>
		<link rel="stylesheet" href="__TEMPLATE__/webfile/layer.css" id="layui_layer_skinlayercss">
		<link rel="stylesheet" href="__TEMPLATE__/webfile/main.css">
		<script type="text/javascript" src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
		<script src="__SYSMET__/lib/layer/2.4/layer.js" type="text/javascript"></script>
		<style>
			.cz_header {
				width: 96%;
				height: 30px;
				line-height: 30px;
				border: 1px solid #ccc;
				overflow: hidden;
				padding: 10px 2%;
			}
			
			.cz_header>div {
				float: left;
				height: 30px;
			}
			
			.info_money {
				width: 96%;
				padding: 0 2%;
			}
			
			.info_money p {
				height: 30px;
				line-height: 30px;
				width: 100%;
				margin-bottom: 15px;
			}
			
			.info_money div span {
				width: 15%;
				height: 34px;
				color: #767675;
				text-align: center;
				line-height: 34px;
				float: left;
				margin-right: 4%;
				margin-bottom: 15px;
			}
			/*.info_money div span:nth-child(4n){margin-right:0;}*/
			
			.info_money div .add_bg {
				background: #f00;
				color: #fff;
			}
			
			.zffs {
				width: 96%;
				height: auto;
				border-bottom: 1px solid #ccc;
				overflow: hidden;
				padding: 10px;
				padding-left: 4%;
			}
			
			.zffs li {
				height: 35px;
				float: left;
				line-height: 35px;
				border-bottom: 2px solid #ccc;
				margin-right: 30px;
			}
			
			.zffs li:nth-child(1) {
				border-bottom: 2px solid red;
			}
			
			.zffs li a {
				display: block;
				height: 35px;
				overflow: hidden;
				text-decoration: none;
				color: #000;
			}
			
			.zffs li a span {
				display: block;
				float: left;
				height: 35px;
				line-height: 35px;
				font-size: 14px;
				font-weight: bold;
			}
			
			.zffs li a img {
				margin-top: 7px;
				margin-right: 6px;
				width: 30px;
				display: block;
				float: left;
			}
			
			.pay_Method {
				width: 100%;
				height: auto;
				border-top: 1px solid #ccc;
				overflow: hidden;
			}
			
			.pay_Method .left {
				width: 20%;
				float: left;
				border-right: 1px solid #ccc;
				box-sizing: border-box;
			}
			
			.pay_Method .left li {
				height: 42px;
				padding-bottom: 2px;
				border-bottom: 1px solid #ccc;
				padding-left: 10px;
			}
			
		
			
			.pay_Method .left li h2 {
				height: 25px;
				line-height: 25px;
			}
			
			.pay_Method .right {
				width: 80%;
			}
			
			.pay_Method .right>div {
				height: auto;
				border-right: 1px solid #ccc;
				width: 100%;
			}
			
			.pay_Method .right>div form {
				margin: 0 auto;
			}
			
			.pay_Method .right>div form div {
				margin: 0 auto;
			}
			
			
			#wx_recharge {
				display: none;
			}
			
			#zfb_recharge {
				display: none;
			}
			
			#yl_recharge {
				display: none;
			}
			
			#online_zfb_recharge {
				display: none;
			}
			#online_wx_recharge {
				display: none;
			}
			
			#online_bank_recharge {
				display: none;
			}
		</style>
	</head>

	<body cz-shortcut-listen="true">
		<div class="header">
			<div class="main main_btm_border">
				<div class="left logo">
					<a href="{:url('index/home')}" class="logo-link">
						<span class="logo_image">
						</span>
						<style>
							.logo_image {
								background-image:url("__ATTACHMENT__/{$logo.logoimg}")!important
							}
						</style>
					</a>
				</div>
				<div class="right login_and_userinfo_1">
					<div class="login_header">
						<span class="welcome">
						</span>
						<div class="mobile_download" style="cursor:pointer">
							<i class="iconfont">
								
							</i>
							<i class="iconfont">
								
							</i>
							<span class="">
								手机app下载
							</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="model_2" class="model_2" style="display:none">
			<div class="model_header">
				<h1>
					温馨提醒
				</h1>
			</div>
			<div class="model_body">
				<span id="model_content">
				</span>
			</div>
			<div class="foot_succ">
				<a onclick="jQuery.modal.close()" class="btn btn-default btn-radius">
					确定
				</a>
			</div>
		</div>
		<div class="main usercenter">
			<div class="user_topup">
				<div class="user_menu left">
					<h2>会员中心</h2>
					<ul>
						<li><i class="iconfont"></i>
							<a href="{:url('user/index')}">个人中心</a>
						</li>
						<li class="hover"><i class="iconfont"></i>
							<a class="user_goto_finance" href="{:url('user/recharge')}">财务中心</a>
						</li>
						<li><i class="iconfont"></i>
							<a href="{:url('user/callRecord')}">交易记录</a>
						</li>
						<!-- <li><i class="iconfont"></i><a href="{:url('user/detail')}">详细设定</a></li> -->
						<li><i class="iconfont"></i>
							<a href="{:url('user/peilvdetail')}">赔率详情</a>
						</li>
						<li><i class="iconfont"></i>
							<a href="{:url('user/message')}">信息公告</a>
						</li>
					</ul>

					<h2>代理中心</h2>
					<ul>

						<li><i class="iconfont"></i>
							<a class="user_goto_finance" href="{:url('user/dlCentent')}">代理说明</a>
						</li>
						{if($f.dl==1)}
						<li><i class="iconfont"></i>
							<a href="{:url('user/dailibaobiao')}">代理报表</a>
						</li>
						<li><i class="iconfont"></i>
							<a href="{:url('user/xiajibaobiao')}">下级报表</a>
						</li>
						<li><i class="iconfont"></i>
							<a href="{:url('user/xiajikaihu')}">下级开户</a>
						</li>
						<!--<li><i class="iconfont"></i>
							<a href="{:url('user/xiajiguanli')}">下级管理</a>
						</li>-->
						<li><i class="iconfont"></i>
							<a href="{:url('user/touzhumingxi')}">投注明细</a>
						</li>
						<li><i class="iconfont"></i>
							<a href="{:url('user/jiaoyimingxi')}">交易明细</a>
						</li>
						{else/}
						<li><i class="iconfont"></i>
							<a href="{:url('user/shenqing')}">代理申请</a>
						</li>
						{/if}
					</ul>
				</div>
				<div class="user_right right" style="height:775px;">

					<div class="user_main">
						<div class="user_header">
							<div class="user_header_nav">
								<ul>
									<li class="hover">
										<a href="{:url('user/recharge')}">充值</a>
									</li>
									<li>
										<a href="{:url('user/drawMoney')}">提现</a>
									</li>
									<li>
										<a href="{:url('user/rechargeRecord')}">充值记录</a>
									</li>
									<li>
										<a href="{:url('user/drawMoneyRecord')}">提现记录</a>
									</li>
									<li>
										<a href="{:url('user/other')}">其他记录</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="user_body" style="padding:0;">

							<div class="cz_header">
								<!--<div>选择充值方式</div>-->
								<div style="float:right;">
									<span style="margin-right:10px;">账&nbsp;&nbsp;号：{$user_all.username}</span>
									<span>账户金额：{$user_all.je}</span>
								</div>
							</div>
							<ul class="zffs" id="list_recharge_2">
								<li style="margin-left:3%;">
									<a href="javascript:;">
										<img src="__TEMPLATE__/mobile/index/img/yl.png" />
										<span>银联快捷</span>
									</a>
								</li>
								<li style="margin-left:3%;">
									<a href="javascript:;">
										<img src="__TEMPLATE__/mobile/index/img/yl.png" />
										<span>银联快捷</span>
									</a>
								</li>

							</ul>

							<div class="pay_Method">
								<ul class="left" id="online_charge">
									<li style="background: #F13031;color: #fff;" id="wx">
										<h2 style="font-size:14px;">微信</h2>
										<div style="font-size:12px;">
											<span>线下支付</span>
											
										</div>
									</li>
									<li id="zfb">
										<h2 style="font-size:14px;">支付宝</h2>
										<p style="font-size:12px;">
											<span>线下支付</span>
											
										</p>
									</li>
									<li id="yl">
										<h2 style="font-size:14px;">银联</h2>
										<p style="font-size:12px;">
											<span>线下支付</span>
											
										</p>
									</li>
									<li id="online_wx">
										<h2 style="font-size:14px;">微信</h2>
										<p style="font-size:12px;">
											<span>线上支付</span>
											<span>微信扫码</span>
										</p>
									</li >
									
									<li id="online_zfb">
										<h2 style="font-size:14px;">支付宝</h2>
										<p style="font-size:12px;">
											<span>线上支付</span>
											<span>微信扫码</span>
										</p>
									</li>
									<li id="online_bank">
										<h2 style="font-size:14px;">高通</h2>
										<p style="font-size:12px;">
											<span>线上支付</span>
											
										</p>
									</li>
								</ul>
								<div class="right" style="border-left:1px solid #ccc;box-sizing: border-box;" id="recharge_list">
									<ul class="info_money">
										<li>
											<p style="color:#8e8880;">
												充值金额：<input value="10" style="border:none;border-bottom:1px solid #ccc;display:inline-block;width:60px;text-align: center;" id="recharge_money" />元
											</p>
											<div id="money_value" style="overflow: hidden;">
												<span data-val="10" class="add_bg">￥10</span>
												<span data-val="100">￥100</span>
												<span data-val="300">￥300</span>
												<span data-val="500">￥500</span>
												<span data-val="1000">￥1000</span>
												<span data-val="3000">￥3000</span>
												<span data-val="5000">￥5000</span>
												<span data-val="10000">￥10000</span>
											</div>
										</li>
										
									</ul>
									<div id="wx_recharge">
										<form method="post" action="{:url('Processing/transferAccounts')}">
											<input type="hidden" name="pay_class" value="wx">
											<input type="hidden" name="account" id="xs_wx_pay">

											<div class="money">
												<label for="">
												<em class="red">
													＊
												</em>
												验证信息:
											</label>
												<div class="form">
													<div class="form_group">
														<input type="text" placeholder="请填您的微信账号" name="words" required="required">
													</div>
												</div>
											</div>
											<div class="money">
												<label for="">
														<em class="red">
															＊
														</em>
														存入时间:
													</label>
												<div class="form ">
													<div class="times">

													</div>
													<input type="hidden" value="{$time|date='Y-m-d H:i:s',###}" placeholder="" name="recharge_time">
												</div>

											</div>
											<div style="text-align: center;width:435px;">
												<img id="wx_img" src="__ATTACHMENT__/{$weixin.xx_erweima}" width="200" height="200"><br />
												<span style="color:#FF0000">收 款 微 信 账 号：&nbsp;&nbsp;<span id="wx_name">{$weixin.xx_name}</span></span><br />
											</div>
											<input style="display:block;margin:20px auto 10px;height:35px;width:265px;line-height:16px;" type="submit" value="提交" class="btn btn-default btn-radius">
											<script>
												$(document).ready(function() {
													//时间函数：
													setInterval(function() {
														fnDate();
													}, 1000);
													//js 获取当前时间
													function fnDate() {
														var date = new Date();
														var year = date.getFullYear(); //当前年份
														var month = date.getMonth(); //当前月份
														var data = date.getDate(); //天
														var hours = date.getHours(); //小时
														var minute = date.getMinutes(); //分
														var second = date.getSeconds(); //秒
														var time = year + "-" + fnW((month + 1)) + "-" + fnW(data) + " " + fnW(hours) + ":" + fnW(minute) + ":" + fnW(second);
														$('.times').get(0).innerText = time;
													}
													//补位 当某个字段不是两位数时补0
													function fnW(str) {
														var num;
														str > 9 ? num = str : num = "0" + str;
														return num;
													}
												})
											</script>
										</form>

									</div>
									<div style="border-right:1px solid #ccc;" id="zfb_recharge">
										<form method="post" action="{:url('Processing/transferAccounts')}">
											<input type="hidden" name="pay_class" value="zfb">
											<input type="hidden" name="account" id="xs_zfb_pay">

											<div class="money">
												<label for="">
												<em class="red">
													＊
												</em>
												验证信息:
											</label>
												<div class="form">
													<div class="form_group">
														<input type="text" placeholder="请填您的支付宝账号" name="words" required="required">
													</div>
												</div>
											</div>
											<div class="money">
												<label for="">
														<em class="red">
															＊
														</em>
														存入时间:
													</label>
												<div class="form ">
													<div class="times">

													</div>
													<input type="hidden" value="{$time|date='Y-m-d H:i:s',###}" placeholder="" name="recharge_time">
												</div>

											</div>
											<div style="text-align: center;width:435px;">
												<img id="zfb_img" src="__ATTACHMENT__/{$weixin.xx_erweima}" width="200" height="200"><br />
												<span style="color:#FF0000">收 款 支付宝 账 号：&nbsp;&nbsp;<span id="zfb_name">{$weixin.xx_name}</span></span><br />
											</div>
											<input style="display:block;margin:20px auto 10px;height:35px;width:265px;line-height:16px;" type="submit" value="提交" class="btn btn-default btn-radius">
											<script>
												$(document).ready(function() {
													//时间函数：
													setInterval(function() {
														fnDate();
													}, 1000);
													//js 获取当前时间
													function fnDate() {
														var date = new Date();
														var year = date.getFullYear(); //当前年份
														var month = date.getMonth(); //当前月份
														var data = date.getDate(); //天
														var hours = date.getHours(); //小时
														var minute = date.getMinutes(); //分
														var second = date.getSeconds(); //秒
														var time = year + "-" + fnW((month + 1)) + "-" + fnW(data) + " " + fnW(hours) + ":" + fnW(minute) + ":" + fnW(second);
														$('.times').get(0).innerText = time;
													}
													//补位 当某个字段不是两位数时补0
													function fnW(str) {
														var num;
														str > 9 ? num = str : num = "0" + str;
														return num;
													}
												})
											</script>
										</form>

									</div>
									<div style="border-right:1px solid #ccc;" id="yl_recharge">
										<form method="post" action="{:url('Processing/transferAccounts')}">
											<input type="hidden" name="pay_class" value="bank">
											<input type="hidden" name="account" id="xs_bank_pay">
											<div class="money">
												<label for="">
												<em class="red">
													＊
												</em>
												验证信息:
											</label>
												<div class="form">
													<div class="form_group">
														<input type="text" placeholder="请填写您的银行卡号" name="words" required="required">
													</div>
												</div>
											</div>
											<div class="money">
												<label for="">
												<em class="red">
													＊
												</em>
												存入时间:
											</label>
												<div class="form">

													<div class="times1">

													</div>
													<input type="hidden" value="{$time|date='Y-m-d H:i:s',###}" placeholder="请填写充值时间" name="recharge_time">
												</div>

											</div>

											<div style="text-align: center;width:435px;">
												<span style="color:#FF0000;margin-left:4%;font-size:14px;">银 行 名 称：&nbsp;&nbsp;<span id="bank_mc">{$bank.xx_bankname}</span></span><br />
												<span style="color:#FF0000;margin-left:4%;font-size:14px;">收 款 账 号：<span id="bank_num">{$bank.xx_bankno}</span>&nbsp;&nbsp;</span><br />
												<span style="color:#FF0000;margin-left:4%;font-size:14px;">收 款 姓 名：<span id="bank_name">{$bank.xx_bankren}</span>&nbsp;&nbsp;</span><br />
											</div>
											<input style="display:block;margin:20px auto 10px;height:35px;width:265px;line-height:16px;" type="submit" value="提交" class="btn btn-default btn-radius">

										</form>
									</div>
									<div id="online_bank_recharge">
										<input style="display:block;margin:20px auto 10px;height:35px;width:265px;line-height:16px;" type="button" value="提交" class="btn btn-default btn-radius">
									</div>
									<div id="online_zfb_recharge">
										<div style="width:90%; padding-top:20px;height:auto;  background:#fff;overflow: auto;" id="ChongZhi_Online">

											<div style="text-align:center;font-size:14px;">
												<span style="color:#FF0000;display:block;margin:0 auto;width:100%;text-align: center;"> 充值账号：&nbsp;&nbsp;<i id="online_pay_name" style="font-style: normal;">vvvv</i></span>
												<span style="color:#FF0000;display:block;margin:0 auto;width:100%;text-align: center;"> 充值金额：&nbsp;&nbsp;<i id="online_pay_money"  style="font-style: normal;"></i></span>
												<img id="online_pay_img" src="" style="margin-top:10px;" width="190"><br />
												<span style="color:#FF0000;display:block;margin:0 auto;width:100%;text-align: center;" id="sm"></span>
												<div style="width:100%;color:#FF0000;display:text-align: center;" id="online_djs">05分00秒失效</div>
												<input style="display:block;margin:20px auto 10px;height:35px;width:265px;line-height:16px;" type="button" value="提交" class="btn btn-default btn-radius">
											</div>
										</div>
									</div>
									<div id="online_wx_recharge">
										<div style="width:90%; padding-top:20px;height:auto;  background:#fff;overflow: auto;" id="ChongZhi_Online">

											<div style="text-align:center;font-size:14px;">
												<span style="color:#FF0000;display:block;margin:0 auto;width:100%;text-align: center;"> 充值账号：&nbsp;&nbsp;<i id="online_pay_name" style="font-style: normal;">vvvv</i></span>
												<span style="color:#FF0000;display:block;margin:0 auto;width:100%;text-align: center;"> 充值金额：&nbsp;&nbsp;<i id="online_pay_money"  style="font-style: normal;"></i></span>
												<img id="online_pay_img" src="" style="margin-top:10px;" width="190"><br />
												<span style="color:#FF0000;display:block;margin:0 auto;width:100%;text-align: center;" id="sm"></span>
												<div style="width:100%;color:#FF0000;display:text-align: center;" id="online_djs">05分00秒失效</div>
												<input style="display:block;margin:20px auto 10px;height:35px;width:265px;line-height:16px;" type="button" value="提交" class="btn btn-default btn-radius">
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

	
		<script>
			$('#money_value').children('span').click(function() {
				var money_value = $(this).data('val');
				$('#money_value').children('span').removeClass('add_bg');
				$(this).addClass('add_bg');
				$('#recharge_money').val(money_value);
			});
		
		
		    $('#online_charge').children('li').click(function(){
		    	$('#online_charge').children('li').css({'background':'','color':'#000'})
		    	$(this).css({'background':'#f00','color':'#fff'})
		    	$('#recharge_list').children('div').hide()
		    	
		    	var str=$(this).attr('id')
		    	console.log(str)
		    	$('#'+str+'_recharge').show()
		    	
		    	
		    })
		</script>

		<div id="tishi" style="width:220px;height:40px;opacity: .6;background:#000;position:fixed;left:50%;margin-left:-100px;top:100px;display:none;top:30%;"></div>
		<div id="tishi_nr" style="width:200px;height:auto;color:#fff;font-size:14px;text-align:center;position:fixed;left:50%;top:30%;margin-left:-100px;z-index: 1;display:none;padding:10px;"></div>
	</body>

	</html>